<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
    <link rel="stylesheet" href=" ./style.css"/>
    <title></title>
</head>
<body>
<div class="voice-div">
    <button id="record-btn">
        <i class="fa fa-microphone"></i>
    </button>

    <button id="toggle-btn">
        <i class="fa-solid fa-volume-high"></i>
    </button>

    <label for="speed"></label><select id="speed">
    <option value="0.5">0.5x</option>
    <option value="0.75">0.75x</option>
    <option value="1" selected>1.0x</option>
    <option value="1.25">1.25x</option>
    <option value="1.5">1.5x</option>
    <option value="2">2.0x</option>
</select>
    <label for="language-select"></label><select id="language-select"></select>
</div>
<div class="voice-select-div">
    <label for="voice-select"></label><select id="voice-select"></select>
</div>
<script src="./voice_toolkit.js"></script>
</body>
</html>


